  <template>
  <div>
  <mt-header fixed title="传智播客。黑马程序员Vue商城系统"></mt-header>
  <router-view></router-view>
  <nav class="mui-bar mui-bar-tab">
      <router-link class="mui-tab-item" to="/home">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </router-link>
      <router-link class="mui-tab-item" to="/shopcarggfh">
        <span class="mui-icon mui-icon-email"></span>
        <span class="mui-tab-label">会员</span>
      </router-link>
      <router-link class="mui-tab-item" to="/shopcar">
        <span class="mui-icon mui-icon-contact"><span class="mui-badge">0</span></span>
        <span class="mui-tab-label">购物车</span>
      </router-link>
      <router-link class="mui-tab-item" to="/tabbar-with-map">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">搜索</span>
      </router-link>
    </nav>
  </div>
  </template>
  <script>
  // import calc from "./calc.js"  大众写法
  // import {add} from "./calc.js";  按需导出 可以选择的
  import { Toast } from 'mint-ui';
  // function add(x,y){console.log(x+y)}; 

    export default{
    data(){
    return {
    msg:"hello vuejs111111134599"
    }
    },
    methods:{
         tip(){
          Toast("你好");
         }
    },
    created(){

    }
    }
  </script>
  <style scoped>
    .red{
    color:red;
    }
  </style> 